<template>
  <el-card class="account-container">
    <img
      src="../assets/images/banner_bg.png"
      style="height: 400px; width: 100%"
      alt=""
    />

    <div class="body">
      <div class="header">
        <span>Headquarters</span>

        <h3>北京高佳科技有限公司</h3>
        <p>总部地址：北京市密云区檀营乡镇政府集中办公区</p>
        <p>研发基地：北京市房山长阳加州水郡东区88栋8806</p>
      </div>
    </div>
  </el-card>
</template>

<script setup></script>
<style scoped>
.account-container {
  padding: 20px;
}
h1 {
  font-size: 32px;
  color: #409eff;
}
li {
  line-height: 36px;
  color: #5696d6;
  cursor: pointer;
}
.body {
  width: 100%;
  margin: 30px auto;
  background-color: white;
  padding: 80px;
  .header {
    background-image: url(../assets/images/contact_bg.png);
    background-repeat: no-repeat;
    margin-bottom: 80px;
    height: 384px;
    position: relative;

    span {
      font-weight: 700;
      font-size: 52px;
      color: #e4e4d4;
    }
    h3 {
      font-size: 28px;
      color: #1b4c86;
      margin-top: 280px;
      margin-bottom: 30px;
    }
    p {
      font-size: 16px;
      color: #666;
      line-height: 38px;
    }
    .map {
      width: 700px;
      height: 520px;
      float: right;
      border: 10px solid #fafafa;
      background-color: #b8b8b8;
    }
  }
}
</style>
